import React, { Component } from 'react';
import {Row,Col,Icon} from 'antd';
import style from './card.module.css';
class Card extends Component {
  constructor(props) {
    super(props);
    this.state = {  }
  }
  render() { 
    return (
      <Col xs={24} sm={12} md={12} lg={12} xl={6} className={style.pcard}>
        <div className={style.card}>
          <div className={style.card_name}>
            <div className={style.card_name_img}>
              <div className={this.props.data.id==1?style.img_div01:this.props.data.id==2?style.img_div02:this.props.data.id==3?style.img_div03:style.img_div04}>
                <Icon type="bar-chart" className={style.img} />
              </div>
              <span>{this.props.data.name}</span>
            </div>
          </div>
          <div className={style.content}>
            <p>{this.props.data.data}</p>
            <span>{this.props.data.info}</span>
          </div>
        </div>
      </Col>
    );
  }
}
 
export default Card;